"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = TagExample;

var _react = _interopRequireDefault(require("react"));

var _design = require("@discuzq/design");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function TagExample() {
  var onClose = function onClose() {
    console.log('点击关闭');
  };

  var onClick = function onClick() {
    console.log('点击');
  };

  return /*#__PURE__*/_react.default.createElement("div", {
    className: "page"
  }, /*#__PURE__*/_react.default.createElement("span", {
    className: "header"
  }, "Tag \u6807\u7B7E"), /*#__PURE__*/_react.default.createElement("div", {
    className: "section"
  }, /*#__PURE__*/_react.default.createElement(_design.Tag, {
    style: {
      marginRight: 10
    }
  }, "\u6807\u7B7E"), /*#__PURE__*/_react.default.createElement(_design.Tag, {
    style: {
      marginRight: 10
    },
    type: "primary"
  }, "\u6807\u7B7E"), /*#__PURE__*/_react.default.createElement(_design.Tag, {
    style: {
      marginRight: 10
    },
    type: "success"
  }, "\u6807\u7B7E"), /*#__PURE__*/_react.default.createElement(_design.Tag, {
    style: {
      marginRight: 10
    },
    type: "warning"
  }, "\u6807\u7B7E"), /*#__PURE__*/_react.default.createElement(_design.Tag, {
    type: "orange",
    style: {
      marginRight: 10
    }
  }, "\u6807\u7B7E"), /*#__PURE__*/_react.default.createElement(_design.Tag, {
    type: "danger",
    closeable: true,
    size: "md",
    onClose: onClose,
    onClick: onClick
  }, "\u6807\u7B7E")));
}